/* Grid-Container */
  .grid-container {
    display: grid;
    grid-template-columns: 50% 50%;
    grid-gap: 20px;
    padding: 20px;
  }
  
  .grid-container > div {
    text-align: left;
    padding: 0px 20px;
    font-size: 1.2em;
    border: 0px solid gray;
    border-radius: 0px;
  }

  .grid-container img {
    float: left;
    padding: 25px 20px 25px 5px;
  }
  
  .grid-container a {
    text-decoration: none;
    color: black;
  }

  .grid-container a:hover {
    text-decoration: none;
    color: white;
  }

  .item1 {
    background-color: #f1cdde;
    opacity: 0.8;
  }

  .item2 {
    background-color: #d0f5d6;
    opacity: 0.8;
  }

  .item3 {
    background-color: violet;
    opacity: 0.8;
  }

  .item4 {
    background-color: violet;
    opacity: 0.8;
  }

  .item-e1 {
    /*grid-area: 1 / span 2;*/
    background-color: lightgray;
    opacity: 1.0;
  }

  .item-e2 {
    /*grid-area: 2 / span 2;*/
    background-color: lightgray;
    opacity: 1.0;
  }

  .item-e3 {

    background-color: lightgray;
    opacity: 1.0;
  }

  .item-e4 {

    background-color: lightgray;
    opacity: 1.0;
  }